{block head}
<!-- Colorbox -->
<script type="text/javascript" src="{$basePath}/js/colorbox/jquery.colorbox-min.js"></script>
<link rel="stylesheet" href="{$basePath}/js/colorbox/colorbox.css" type="text/css" media="screen" />

<script type="text/javascript" n:syntax="double">
    $(document).ready(function() {
        {{foreach $agents as $agent}}
        $("a[rel='user{{$agent->id}}']").colorbox({ width:"700px", height:"420px" });
        {{/foreach}}
    });
</script>
{/block}

{block content}
<h1 n:block="title">Náš tým</h1>
<div class="team-wrapper" n:foreach="$agents as $agent">
    <a href="{$basePath}/{$agent->picture}" class="team-picture" rel="user{$agent->id}" title="{if $agent->degree !== null}{$agent->degree} {/if}{$agent->firstname} {$agent->lastname}">
        <img src="{$basePath}/{? echo Picture::getThumbPath($agent->picture)}" alt="foto uzivatele {$agent->lastname}" />
    </a>
    <table>
        <tr>
            <th colspan="2" class="team-name">{if $agent->degree !== null}{$agent->degree} {/if}{$agent->firstname} {$agent->lastname}</th>
        </tr>
        <tr>
            <th>Telefon</th>
            <td>{$agent->phone}</td>
        </tr>
        <tr>
            <th>E-mail</th>
            <td>{$agent->email}</td>
        </tr>
    </table>
    <a href="{link Reference:default "id" => $agent->id, "makler" => NStrings::webalize($agent->firstname . '-' .  $agent->lastname)}" class="team-button">Reference</a>    
</div>
{/block}
